<template>
  <div class="home">
    <home-header />
    <home-nav-bar />
    <router-view />
    <message-modal />
  </div>
</template>

<script lang="ts">
/**
 * home view
 * @author Huihua Lu
 */
import { Component, Vue } from 'vue-property-decorator'

import HomeHeader from '@/components/home/HomeHeader.vue'
import HomeNavBar from '@/components/home/HomeNavBar.vue'
import MessageModal from '@/components/Modal/MessageModal.vue'

@Component({
  components: {
    HomeHeader,
    HomeNavBar,
    MessageModal
  },
})
export default class HomeView extends Vue {}
</script>

<style lang="less" scoped>
@import '@/constants';

.home {
  background-color: @BACKGROUND_COLOR;
  min-height: 100vh;
  width: 100%;
}
</style>
